/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 06/03/2015, 12:42:22
    Author     : uppii marketing
*/
/*SISTEMA*/
.dropRight{left: auto;  right:14px;}
.caret-up{border-bottom: 4px solid;  border-left: 4px solid transparent; border-right: 4px solid transparent; display: inline-block; height: 0;
        margin-left: 2px; vertical-align: middle; width: 0;
}

/*switch-button*/
.switch-group label{display:inline-block; width:150px;}
.switch-wrapper{ display: inline-block; position: relative;  top: 3px;}
 
.toolbar_info_page{width:100%; padding:10px; background-color:#DDDDDD; margin-top:-10px; border-bottom:solid 1px #c5c5c5; margin-bottom:10px; }
.toolbar_info_page h3{color:#333; font-size:40px; font-family: 'Open Sans' }

.fixedToolbar{position:fixed; width:100%; background-color: rgba(59, 163, 208,.5); top:0; left:0; z-index:10}
.fixedToolbar h3{color:#FFF !important;}

.overflow-box-auto{overflow-y: auto;}
/*Tipografias*/
h1,h2,h3,h4,h5,h6,p,label{margin:0;}
label{font-weight:normal;}

.font-size-p{font-size:11px}
.font-size-xp{font-size:13px}
.font-size-m{font-size:16px}
.font-size-xm{font-size:18px}
.font-size-g{font-size:21px}
.font-size-xg{font-size:23px}

.font-bold{font-weight:bold;}
.font-italic{font-style:italic;}


/*margens*/
.no_margin{margin:0 !important;}
.v_margin_5x{margin-top: 5px;}
.v_margin_10x{margin-top: 10px;}
.v_margin_15x{margin-top: 10px;}
.b_margin_5x{margin-bottom:5px;}
.b_margin_10x{margin-bottom:10px;}
.b_margin_15x{margin-bottom:15px;}
.lt_margin_5x{margin-left:5px}
.lt_margin_10x{margin-left:10px}
.lt_margin_15x{margin-left:15px}
.rt_margin_5x{margin-right:5px}
.rt_margin_10x{margin-right:10px}
.rt_margin_15x{margin-right:15px}

/*enchimentos (padding)*/
.no_padding{padding:0 !important}
.v_padding_5x{padding-top:5px;}
.v_padding_10x{padding-top:10px;}
.v_padding_15x{padding-top:15px;}
.b_padding_5x{padding-bottom:5px;}
.b_padding_10x{padding-bottom:10px;}
.b_padding_15x{padding-bottom:15px;}
.lt_padding_5x{padding-left:5px;}
.lt_padding_10x{padding-left:10px;}
.lt_padding_15x{padding-left:15px;}
.rt_padding_5x{padding-right:5px;}
.rt_padding_10x{padding-right:10px;}
.rt_padding_15x{padding-right:15px;}

/*BORDAS*/
.border-top{border-top:solid 1px #ccc;}
.border-bottom{border-bottom:solid 1px #ccc;}

/*Colors*/
.bgCreamShape{background-color:#F2F0E4;}
.bgLightBrowShape{background-color:#7790A6;}
.bgGrayShape{background-color:#F1F1F1;}
.bgGrayDegrd{
    background: #e5e5e5; /* Old browsers */
    background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.textColorlight{color:#757575 !important;}
.textColorWhite{color:#fff !important;}


/*widget - blocos*/
.widget{position:relative; border:solid 1px #b5b5b5;}
.widget .widget-header{padding:6px 4px; width:100%; position:relative;}
.widget .widget-content{padding:6px 4px; width:100%; position:relative;}

/*TELA LOGIN*/
.login_box_center{
    max-width:320px;    
    margin-left:auto;   
    margin-right:auto;
    padding:8% 0 0;
}

.login_box_center form{
    margin-top:20px;
    background-color: #FFF;
    box-shadow: 0 0 1px #555;
    border-radius:4px;

}
.login_box_center form div.login_box_header{
    margin-bottom: 10px;
    padding:26px 24px 26px;
}
#login_box{
    box-shadow: 0 6px 10px -2px #3f4143;
}
#login_box .input-group{
    margin: 2px auto;
    width: 90%;
}
/*#login_box input{ border: 2px solid #bebebe; box-shadow: 0 10px 10px #e9e9e9 inset; }*/
#login_box button{ margin: 20px 0 20px 20px; }
.login_label{ margin-left: 18px; }
/*#login_box .form-control:focus{ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.3); }*/
.forgot_password{ float: right; margin: 26px 24px; }
#login_box a{ text-decoration: none; }
#login_box a:hover{ color:#9966FF; transition: color 500ms ease-in 0s; }

#login_box input[type=text], #login_box input[type=password] {
    margin: 5px;
    padding: 0 10px;
    width: 96%;
    height: 34px;
    color: #404040;
    background: white;
    border: 1px solid;
    border-color: #c4c4c4 #d1d1d1 #d4d4d4;
    border-radius: 2px;
    outline: 5px solid #eff4f7;
    -moz-outline-radius: 3px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
}
#login_box input[type=text]:focus, #login_box input[type=password]:focus {
    border-color: #7dc9e2;
    outline-color: #dceefc;
    outline-offset: 0;
}


/*HEADER TOPO*/
.cms-header-top{ width:100%;  height:35px;border-bottom:1px solid #545A5F; background-color:rgba(52, 57, 62,.9);}
.cms-header-top .top-links a{color:#FFF;}

/*TELA PERFIL ADMIN*/
.media-content{position:relative;}
.media-content .media-avatar{width:121px; height:101px; text-align: center; border:solid 1px #c1c1c1; position:relative;}
.media_img > img{width:100%;}
.media-content .media-btn-upload{width:120px; height:30px; line-height:30px; text-align:left; z-index:1; border:solid 1px #ccc; border-top:none; padding-left:10px;}
.media-content .media-btn-upload a{color:#333;}
.media-content .media-body{height:100px; line-height:100px;}

/*TELA PAGINA(CRIAR/EDITAR/LISTAR/APAGAR)*/
.publicPage{border-top: solid 1px #c5c5c5; padding:5px 0 0; margin-top:10px;}

/*TELA MENU*/
.inp-name-menu{height:30px; border:solid 1px #ddd;}
.list-page-menu{height: 240px; padding-left:5px;}
.save_menu_box{height:55px; line-height:55px; text-align:right;}

/* media */
@media (max-width: 320px) { 
    .bgGrayShape{ width: 320px; }
} 
